iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
自我挑戰組

商科生初探網頁全端開發系列 第 2

Day2-HTML基礎概念

  • 分享至 

  • xImage
  •  

以下介紹HTML的構成

 <p>This is HTML</p>

這裡的<p>稱為起始標籤(opening tag)

 </p>稱為結束標籤(closing tag)
 
 This is HTML 稱為內容(content)
 

整串<p>This is HTML</p>稱為元素(element)

網頁上的HTML是由一連串的元素組成,端看各開發者的巧思作安排。

這裡的tag包裹住文字內容使其能在網頁上呈現特定樣式,如上述<p>標籤能使This is HTML

這段文字自成一段落,不與其他內容排列在一起。

*巢狀元素(Nesting elements)

可以將元素放進另一個元素中,承上例子若想將內容HTML作粗體強調,可以使用<b>標籤包住HTML

<p>This is <b>HTML</b></p>

#由於先使用<p>,才接著使用<b>因此需先將想粗體的文字標註完EX:<b>HTML</b>後再用</p>作段落完結。

明天將介紹幾個常用HTML元素,及由於HTML元素其實數量相當多,因此若需使用特定冷門元素可以到哪些網站作查詢。


上一篇
Day1-自介、參賽原因、文章架構
下一篇
Day3-HTML架構及常用元素介紹
系列文
商科生初探網頁全端開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言